<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>修改页面</title>
		<script src="../../js/common.js"></script>
		<script src="../../js/jquery.js"></script>
		<script>
			//声明全局变量
			let id;
			let datalist2;
			window.onload=function(){
				//页面加载后得到的参数
				id=obj.getValue2(location.search,"id");
				//向控制层请求数据装入表单控件中
				$.get(url+"dept/one",{id:id},function (data){
					$("#deptno").val(data.deptno);
					$("#dname").val(data.dname);
					$("#loc").val(data.loc);
				});
			}
			function tijiao(){
				// 第一个参数为后端地址，第二个参数为数据，第三个参数为回调数据，第四个为默认类型
				//请求为异步操作
				// $.post(url+"dept/update",$("form").serialize(),function (data){
				// 	//回调数据为1或0
				// 	if (data==1){
				// 		alert("修改成功");
				// 		location.href="deptlist.html";
				// 	}else{
				// 		alert("修改失败");
				// 	}
				// });
				$.ajax({
					url:url+"dept/update",
					method:"put",
					data:$("form").serialize(),
					success:function (data){
						//回调数据为1或0
						if (data==1){
							alert("修改成功");
							location.href="deptlist.html";
						}else{
							alert("修改失败");
						}
					}
				})
				//阻止表单提交
				return false;
			}
		</script>
	</head>
	<body>
		<form>
			<table>
				<tr>
					<td>部门编号</td>
					<td>
						<!-- 通过脚本对value赋值 -->
						<input type="text" name="deptno" id="deptno">
					</td>
				</tr>
				<tr>
					<td>部门名称</td>
					<td><input type="text" name="dname" id="dname"></td>
				</tr>
				<tr>
					<td>部门位置</td>
					<td><input type="text" name="loc" id="loc"></td>
				</tr>
				<tr>
					<td colspan="2">
						<!-- button为普通按钮,调用函数，不执行action -->
						<input type="button" value="提交" onclick="tijiao()">
						<input type="reset" value="重置">
					</td>
				</tr>
			</table>
		</form>
	</body>
	<script>
		// function tijiao(){
		// 	datalist2[id]={
		// 		deptno:deptno.value,
		// 		dname:dname.value,
		// 		loc:loc.value
		// 	}
		// 	//存入本地缓存
		// 	localStorage.setItem("deptlist",JSON.stringify(datalist2));
		// 	alert("修改成功");
		// 	//跳转
		// 	location.href="deptlist.html";
		// }
	</script>
</html>